<div class="waypoint container contact">
    <div class="row">
        <div class="col-md-12">
            <h2 class="page-title">Avaliar: <?php echo $this->company_name; ?></h2>
        </div>
    </div><!-- end .row -->
    
    <div class="row" style="padding-top: 20px; width: 1220px">
        <div class="col-sm-11" style="border: #e5e5e5; border-style: dashed; border-width: 3px; background-color: #FFF">
            <div class="row">
                <div class="col-sm-11" style="margin-top: 5px;">
                    <ul>
                        <li>Sua avaliação é completamente anônima e em nenhum momento o site revela os autores das avaliações;</li>
                        <li>Todas as avaliações passam por um processo de revisão manual antes de serem publicadas;</li>
                        <li>Revise antes de postar! Sua avaliação poderá influenciar em decisões importantes de outras pessoas;</li>
                        <li>Não mencione nomes pessoais ou informações confidenciais em suas avaliações;</li>
                        <li>Não poste informações que possam prejudicar a empresa comercialmente;</li>
                    </ul>
                </div>
                
                
                <div class="col-md-1"><span class="fa fa-bookmark fa-5x" style="margin-top: -7px"></span></div>
            </div>
        </div>
    </div>
    
    <!-- form -->
    <form action="<?php echo $this->url(array('controller' => 'evaluation', 'action' => 'create')) ?>" method="post" id="evaluation-form">
    <div class="row" style="padding-top: 30px">
        <div class="col-md-8">
            <input type="hidden" name="kind" id="kind" value="evaluation">
            <input type="hidden" name="company" id="company" value="<?php echo $this->company_id; ?>">
            <input type="hidden" name="friendly_name" id="friendly_name" value="<?php echo $this->friendly_name; ?>">
            <div class="row">
                <div class="col-md-7">
                    <label for="function" data-toggle="tooltip" title="Qual função você exercia? Designer, Auxiliar Administrativo, Contador, etc."> Função na empresa*: </label><input type="text" required name="function" id="function" /> 
                </div>
                <div class="col-md-5">
                    <label for="area" > Departamento*: </label>
                    <select id="area" name="area" required>
                        <option value="Administração">Administração</option>
                        <option value="Atendimento ao cliente">Atendimento ao cliente</option>
                        <option value="Comercial / Vendas">Comercial / Vendas</option>
                        <option value="Comunicações">Comunicações</option>
                        <option value="Finanças">Finanças</option>
                        <option value="Logística">Logística</option>
                        <option value="Marketing">Marketing</option>
                        <option value="Pesquisa e Desenvolvimento">Pesquisa e Desenvolvimento</option>
                        <option value="Produção">Produção</option>
                        <option value="Recursos Humanos">Recursos Humanos</option>
                        <option value="TI">TI</option>
                        <option value="Outros">Outros</option>
                    </select>
                </div>
                
            </div>
            <div class="row">
                <div class="col-md-12">
                    <label for="location" data-toggle="tooltip" title="Informe onde a empresa era localizada. Cidade, Estado, filial."> Local*: </label><input type="text" required name="location" placeholder="Estado, Cidade, Filial ..." id="location" /> 
                </div>
            </div>
            <div class="row">
                <div class="col-md-3">
                    <label for="age"> Faixa etária*: </label>
                    <select name="age" id="age" required>
                        <option value="16 - 19"> 16 - 19 </option>
                        <option value="20 - 25"> 20 - 25 </option>
                        <option value="26 - 30"> 26 - 30 </option>
                        <option value="30 - 40"> 30 - 40 </option>
                        <option value="> 40"> > 40 </option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="gender"> Sexo*: </label>
                    <select name="gender" id="gender" required>
                        <option value="m"> Masculino </option>
                        <option value="f"> Feminino </option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="year" data-toggle="tooltip" title="Qual foi o último ano em que trabalhou nesta empresa?"> Ano de trabalho*: </label>
                    <input type="number" required name="year" id="year" min="1900" max="2020" style="font-size: 14px"/>
                </div>
            </div>
            <div class="row">
                <div class="col-md-5">
                    <label for="actual"> Trabalha atualmente nesta empresa?*: </label>
                    <select name="actual" id="actual" required>
                        <option value="1"> Sim </option>
                        <option value="0"> Não </option>
                    </select>
                </div>
                <div class="col-md-7">
                    <label for="recomend"> Você recomendaria esta empresa para algum amigo?*: </label>
                    <select name="recomend" required id="recomend">
                        <option value="1"> Sim </option>
                        <option value="0"> Não </option>
                    </select>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <label for="opinion"> Qual sua opinião sobre trabalhar nesta empresa?*: </label>
                    <textarea name="opinion" id="opinion" required cols="30" placeholder="" rows="6"></textarea>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <label for="advice"> Qual conselho você daria para a direção desta empresa?*: </label>
                    <textarea name="advice" id="advice" required cols="30" placeholder="" rows="3"></textarea>
                </div>
            </div>
        </div>
        <!-- Coluna Avaliação -->
        <div class="col-md-3" >
            <div class="row" style="width: 340px; margin-left: -15px; background-color: #e5e5e5">
                <div class="row" style="width: 100%; text-align: center;"> <h2 data-toggle="tooltip" title="Avalie os itens com a quantidade de estrelas. Quanto mais estrelas, mais satisfeito você está com o quesito."> Avaliações </h2> </div>
                <!--   Inicio Estrelas -->
                <div style="margin-left: 10px">
                    <div class="row">
                        <div class="col-sm-7" style="font-size: 13px;" data-toggle="tooltip" title="A empresa possui uma visão estratégica clara e objetiva e transmite isso a todos colaboradores, sempre focando os objetivos e metas."> Visão & Estratégia: </div>
                        <div class="col-sm-5" id="rate-visao"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-7" style="font-size: 13px;" data-toggle="tooltip" title="Os superiores e diretores são cordiais, respeitam, confiam e valorizam os funcionários. Sabem conversar quando necessário."> Chefia: </div>
                        <div class="col-sm-5" id="rate-chefia"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-7" style="font-size: 13px;" data-toggle="tooltip" title="A empresa possui uma cultura correta e transparente, ética e profissional. Você concorda com os valores trabalhados pela empresa."> Cultura & Valores: </div>
                        <div class="col-sm-5" id="rate-cultura"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-7" style="font-size: 13px;" data-toggle="tooltip" title="A empresa viabiliza o crescimento profissional através de oportunidades, treinamentos e crescimento de carreira internamente."> Oportunidade/Carreira: </div>
                        <div class="col-sm-5" id="rate-oportunidade"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-7" style="font-size: 13px;" data-toggle="tooltip" title="Você é recomepensado pelos esforços e reconhecido por tarefas bem feitas.">  Reconhecimento/Promoção: </div>
                        <div class="col-sm-5" id="rate-reconhecimento"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-7" style="font-size: 13px;" data-toggle="tooltip" title="O ambiente de trabalho é aconchegante e confortável e possui todos os materiais necessários."> Ambiente de Trabalho: </div>
                        <div class="col-sm-5" id="rate-ambiente"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-7" style="font-size: 13px;" data-toggle="tooltip" title="O pagamento, férias e benefícios nunca atrasam e estão disponíveis sempe no dia combinado."> Pagamento em dia: </div>
                        <div class="col-sm-5" id="rate-pagamento"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-7" style="font-size: 13px;" data-toggle="tooltip" title="O horário é flexível e pode ser negociado facilmente, priorizando a execução das tarefas e não o cumprimento de horário."> Flexibilidade Horário: </div>
                        <div class="col-sm-5" id="rate-flexibilidade"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-7" style="font-size: 13px;" data-toggle="tooltip" title="A quantidade de tarefas delegadas a você é adequada e proporcional a carga horária."> Sobrecarga de tarefas: </div>
                        <div class="col-sm-5" id="rate-sobrecarga"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-7" style="font-size: 13px;" data-toggle="tooltip" title="Seus colegas de trabalho são cordiais e prestativos. Sua equipe de trabalho é boa e confiável."> Colegas e equipe: </div>
                        <div class="col-sm-5" id="rate-colegas"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-7" style="font-size: 13px;" data-toggle="tooltip" title="A empresa oferece um salário compatível com o mercado e ótimos benefícios, como plano de saúde, alimentação, etc."> Salário e benefícios: </div>
                        <div class="col-sm-5" id="rate-salario"></div>
                    </div>
                    <div class="row" style="margin: 5px;"></div>
                </div>
                <!-- fim estrelas -->
            </div>
            <div class="row" style="margin-left: 5px; margin-top: 15px">
                <input type="checkbox" required name="agree" value="true" id="agree" /> 
                Concordo com os <a href="<?php echo $this->url(array('controller' => 'index', 'action' => 'termos')) ?>" target="_new" class="btn-link">Termos de uso</a>.
            </div>
            
        </div>
        
            
    </div>
    <div class="row">
            <div class="col-md-12" style="width: 100%; text-align: center">
                <input name="submit" type="submit" class="btn btn-large blue-color" id="submit" value="Submeter Avaliação" />
                <a href="<?php echo $this->url(array('controller' => 'evaluation', 'action' => 'detalhes', 'company' => $this->company_name)) ?>" class="btn btn-large red-color" id="cancel"> Cancelar </a>
            </div>
        </div>
    </form>
</div><!-- end section -->
<br />

<script type="text/javascript">
    $( document ).ready(function() {
        // Handler for .ready() called.
        $("#rate-visao").raty({ path: '<?php echo $this->baseUrl() . "/img/stars/" ?>', size: 24, score: 5,  scoreName: 'strategy'});
        $("#rate-chefia").raty({ path: '<?php echo $this->baseUrl() . "/img/stars/" ?>', size: 24, score: 5,  scoreName: 'leadership'});
        $("#rate-cultura").raty({ path: '<?php echo $this->baseUrl() . "/img/stars/" ?>', size: 24, score: 5,  scoreName: 'culture'});
        $("#rate-oportunidade").raty({ path: '<?php echo $this->baseUrl() . "/img/stars/" ?>', size: 24, score: 5,  scoreName: 'opportunity'});
        $("#rate-reconhecimento").raty({ path: '<?php echo $this->baseUrl() . "/img/stars/" ?>', size: 24, score: 5,  scoreName: 'recognition'});
        $("#rate-ambiente").raty({ path: '<?php echo $this->baseUrl() . "/img/stars/" ?>', size: 24, score: 5,  scoreName: 'workspace'});
        $("#rate-pagamento").raty({ path: '<?php echo $this->baseUrl() . "/img/stars/" ?>', size: 24, score: 5,  scoreName: 'payment'});
        $("#rate-flexibilidade").raty({ path: '<?php echo $this->baseUrl() . "/img/stars/" ?>', size: 24, score: 5,  scoreName: 'flexibility'});
        $("#rate-sobrecarga").raty({ path: '<?php echo $this->baseUrl() . "/img/stars/" ?>', size: 24, score: 5,  scoreName: 'workoverload'});
        $("#rate-colegas").raty({ path: '<?php echo $this->baseUrl() . "/img/stars/" ?>', size: 24, score: 5,  scoreName: 'coworkers'});
        $("#rate-salario").raty({ path: '<?php echo $this->baseUrl() . "/img/stars/" ?>', size: 24, score: 5,  scoreName: 'salary'});
        
        $('label').tooltip();
        $('h2').tooltip();
        $('div').tooltip();
    });
</script>